<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link rel="icon" href="../images/logo.png" type="image/ico" />
	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 9px !important;
}

.size {
	width: 900px;
	position: relative;
	left: 9%;
	top: 10%;
}

.centro {
	top: 50%
}

.tabela {
	width: 730px;
}
</style>

	<title>Ouvidoria</title>
</h:head>

<h:body>
	<ui:decorate template="/templateBase.xhtml">
		<ui:define name="center">
			<p:growl life="3000" id="growl" autoUpdate="true" />
			<h:form id="formOuvidoria" acceptcharset="ISO-8859-1" lang="pt">

				<br />
				<br />
				<br />

				<p:panel header="Gestão de Ouvidoria" styleClass="size"
					footer="Integração - Portal de Serviços e Comunicação">
					<br />
					<p:tabView>
						<p:tab title="Novos Chamados">
							<br />
							<div align="right">
								<p:commandButton value="Atualizar" icon="ui-icon-refresh"
									actionListener="#{ouvidoriaBacking.criaListaNovosChamados}"
									ajax="false" update="formOuvidoria" />
							</div>
							<br />
							<p:dataTable emptyMessage="Nenhum chamado encontrado!"
								id="tblNovosChamados" paginator="true" rows="8"
								value="#{ouvidoriaBacking.listaNovosChamados}" var="o">

								<p:column headerText="ID">
									<div align="center">
										<h:outputText value="#{o.codigo}" />
									</div>
								</p:column>

								<p:column headerText="Data" sortBy="#{o.dataSolicitacao}">
									<div align="center">
										<h:outputText value="#{o.dataSolicitacao}">
											<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss"
												timeZone="GMT-3" />
										</h:outputText>
									</div>
								</p:column>

								<p:column headerText="Nome" sortBy="#{o.nome}">
									<h:outputText value="#{o.nome}" />
								</p:column>

								<p:column headerText="Assunto">
									<div align="center">
										<h:outputText value="#{o.assunto}" />
									</div>
								</p:column>

								<p:column headerText="Categoria" sortBy="#{a.cat.descricao}">
									<div align="center">
										<h:outputText value="#{o.cat.descricao}" />
									</div>
								</p:column>

								<p:column headerText="Motivo" sortBy="#{o.motivo.descricao}">
									<div align="center">
										<h:outputText value="#{o.motivo.descricao}" />
									</div>
								</p:column>

								<p:column headerText="Status" sortBy="#{o.status}">
									<div align="center">
										<h:outputText value="#{o.status}" />
									</div>
								</p:column>

								<p:column headerText="Ações">
									<div align="center">
										<p:commandButton icon="ui-icon-search" title="Visualizar"
											oncomplete="dlgDetalhe.show()"
											actionListener="#{ouvidoriaBacking.selecionaMensagem(o)}"
											update=":formDetalhe" />
									</div>
								</p:column>

							</p:dataTable>
						</p:tab>
						<p:tab title="Concluídos">
							<br />
							<div align="right">
								<p:commandButton value="Atualizar" icon="ui-icon-refresh"
									ajax="false"
									actionListener="#{ouvidoriaBacking.listaChamadosConcluidos}" />
							</div>
							<br />
							<p:dataTable emptyMessage="Nenhum chamado encontrado!"
								paginator="true" rows="8"
								value="#{ouvidoriaBacking.listaChamadosConcluidos}" var="o">

								<p:column headerText="ID">
									<div align="center">
										<h:outputText value="#{o.codigo}" />
									</div>
								</p:column>

								<p:column headerText="Data">
									<div align="center">
										<h:outputText value="#{o.dataSolicitacao}">
											<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss"
												timeZone="GMT-3" />
										</h:outputText>
									</div>
								</p:column>

								<p:column headerText="Nome" sortBy="#{o.nome}">
									<h:outputText value="#{o.nome}" />
								</p:column>

								<p:column headerText="Assunto">
									<div align="center">
										<h:outputText value="#{o.assunto}" />
									</div>
								</p:column>

								<p:column headerText="Categoria">
									<div align="center">
										<h:outputText value="#{o.cat.descricao}" />
									</div>
								</p:column>

								<p:column headerText="Motivo">
									<div align="center">
										<h:outputText value="#{o.motivo.descricao}" />
									</div>
								</p:column>

								<p:column headerText="Status">
									<div align="center">
										<h:outputText value="#{o.status}" />
									</div>
								</p:column>

								<p:column headerText="Ações">
									<div align="center">
										<p:commandButton icon="ui-icon-search" title="Visualizar"
											actionListener="#{ouvidoriaBacking.selecionaMensagem(o)}"
											oncomplete="dlgDetalheConcluida.show()"
											update=":formDetalheConcluida" />
									</div>
								</p:column>

							</p:dataTable>
						</p:tab>

						<p:tab title="Resumo" disabled="true">

						</p:tab>

					</p:tabView>
				</p:panel>
			</h:form>

			<p:dialog hideEffect="clip" id="dlg"
				footer="Integração - Portal de Serviços e Comunicação"
				showEffect="clip" height="450" header="Detalhes" width="700"
				widgetVar="dlgDetalhe" appendToBody="true" modal="true">
				<h:form id="formDetalhe" prependId="false"
					acceptcharset="ISO-8859-1" lang="pt">
					<p:growl autoUpdate="true" />
					<h:panelGrid>
						<h:outputText value="ID:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.codigo}"
							disabled="true" size="5" />
						<h:outputText value="Usuário:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.tipoPessoa}"
							size="80" readonly="true" />
						<h:outputText value="Nome:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.nome}"
							size="80" readonly="true" />
						<h:outputText value="Assunto:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.assunto}"
							size="80" readonly="true" />

						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="70" rows="15"
							value="#{ouvidoriaBacking.msgSelecionada.msg}" maxlength="1500"
							readonly="true" style="width:650px;background-color:white;" />
					</h:panelGrid>
					<br />
					<div align="center">
						<h:panelGrid columns="3">
							<p:commandButton value="Encaminhar" icon="ui-icon-check"
								oncomplete="dlgResposta.show()" />
							<p:commandButton icon="ui-icon-disk"
								value="Finalizar Atendimento"
								oncomplete="dlgParecerFinal.show()" />
							<p:commandButton value="Cancelar" oncomplete="dlgDetalhe.hide()"
								icon="ui-icon-cancel" />
						</h:panelGrid>
					</div>

				</h:form>
			</p:dialog>

			<p:dialog widgetVar="dlgResposta" hideEffect="clip" showEffect="clip"
				width="550" height="350" appendToBody="true"
				header="Encaminhar Mensagem"
				footer="Integração - Portal de Serviços e Comunicação">
				<h:form acceptcharset="ISO-8859-1" lang="pt" id="formFeedback">

					<h:panelGrid>
						<h:outputText value="Nome do Funcionário: " />
						<p:inputText size="50" required="true"
							value="#{ouvidoriaBacking.comentOuvSalvar.pessoaEncaminhada}"
							requiredMessage="Informe o nome do funcionário!" />
						<h:outputText value="Para: " />
						<p:inputText size="50" required="true"
							value="#{ouvidoriaBacking.comentOuvSalvar.emailPessoaEncaminhada}"
							requiredMessage="Informe o e-mail do destinatário!" />
						<h:outputText value="Cco: " />
						<p:inputText size="50"
							value="#{ouvidoriaBacking.comentOuvSalvar.emailCcoEncaminhado}" />
						<h:outputText value="Descrição: " />
						<p:inputTextarea cols="90" rows="10" maxlength="1500"
							required="true" id="txtMsg"
							value="#{ouvidoriaBacking.comentOuvSalvar.comentario}"
							requiredMessage="Informe a mensagem a ser enviada!">
						</p:inputTextarea>
						<p:watermark
							value="Digite aqui a mensagem a ser encaminhada para o funcionário que irá tratar do assunto!"
							for="txtMsg" />
					</h:panelGrid>
					<br />
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Enviar" icon="ui-icon-check"
								oncomplete="dlgPerguntaEncaminha.show()"
								update=":formPerguntaEncaminha " />
							<p:commandButton value="Cancelar" icon="ui-icon-cancel"
								oncomplete="dlgResposta.hide()" />
						</h:panelGrid>
					</div>

				</h:form>
			</p:dialog>

			<p:dialog widgetVar="dlgParecerFinal" hideEffect="clip"
				showEffect="clip" width="550" height="280" appendToBody="true"
				header="Finalizar Atendimento"
				footer="Integração - Portal de Serviços e Comunicação">
				<h:form acceptcharset="ISO-8859-1" lang="pt" id="formParecer">
					<br />
					<br />
					<h:panelGrid>
						<h:outputText value="Descrição: " />
						<p:inputTextarea cols="90" rows="10" maxlength="1500"
							required="true" id="txtMsg"
							value="#{ouvidoriaBacking.comentOuvSalvar.comentario}"
							requiredMessage="Informe a mensagem a ser enviada!">
						</p:inputTextarea>
						<p:watermark
							value="Digite aqui o parecer final enviado ao ouvinte!"
							for="txtMsg" />
					</h:panelGrid>
					<br />
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Finalizar" icon="ui-icon-check"
								oncomplete="dlgPerguntaFinaliza.show()" />
							<p:commandButton value="Cancelar" icon="ui-icon-cancel"
								oncomplete="dlgParecerFinal.hide()" />
						</h:panelGrid>
					</div>
				</h:form>
			</p:dialog>

			<p:dialog widgetVar="dlgPerguntaEncaminha" width="600" height="300"
				appendToBody="true" hideEffect="clip" showEffect="clip"
				footer="Integração - Portal de Serviços e Comunicação"
				header="Confirma Encaminhamento">
				<h:form id="formPerguntaEncaminha">
					<h:outputText
						value="ATENÇÃO!. Você confirma o envio da mensagem abaixo?" />
					<br />
					<br />
					<h:panelGrid>
						<h:outputText value="Nome do Funcionário: " />
						<p:inputText size="50" readonly="true"
							value="#{ouvidoriaBacking.comentOuvSalvar.pessoaEncaminhada}" />
						<h:outputText value="Para: " />
						<p:inputText size="50" readonly="true"
							value="#{ouvidoriaBacking.comentOuvSalvar.emailPessoaEncaminhada}" />
						<h:outputText value="Cco: " />
						<p:inputText size="50" readonly="true"
							value="#{ouvidoriaBacking.comentOuvSalvar.emailCcoEncaminhado}" />
						<h:outputText value="Descrição: " />
						<p:inputTextarea cols="90" rows="10" maxlength="1500"
							value="#{ouvidoriaBacking.comentOuvSalvar.comentario}"
							readonly="true">
						</p:inputTextarea>
					</h:panelGrid>
					<br />
					<p:separator />
					<br />
					<h:panelGrid>
						<h:outputText value="Mensagem do Ouvinte: " />
						<br />
						<h:outputText value="ID:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.codigo}"
							readonly="true" size="5" />
						<h:outputText value="Nome:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.nome}"
							size="80" readonly="true" />
						<h:outputText value="E-mail:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.email}"
							size="80" readonly="true" />
						<h:outputText value="Assunto:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.assunto}"
							size="80" readonly="true" />
						<h:outputText value="Mensagem:" />
						<p:inputTextarea autoResize="true" cols="70" rows="15"
							value="#{ouvidoriaBacking.msgSelecionada.msg}" maxlength="1500"
							readonly="true" style="width:450px;background-color:white;" />
					</h:panelGrid>
					<br />
					<p:separator />
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Sim" ajax="false" icon="ui-icon-check"
								actionListener="#{ouvidoriaBacking.encaminhaMensagem}" />
							<p:commandButton value="Não" icon="ui-icon-cancel"
								oncomplete="dlgPerguntaEncaminha.hide()" />
						</h:panelGrid>
					</div>
				</h:form>
			</p:dialog>

			<p:dialog widgetVar="dlgPerguntaFinaliza" width="400" height="100"
				appendToBody="true" header="Confirma Finalização?" hideEffect="clip"
				showEffect="clip"
				footer="Integração - Portal de Serviços e Comunicação">
				<h:form>
					<br />
					<h:outputText
						value="ATENÇÃO!. Após finalizar este atendimento ele não poderá mais ser alterado. Você confirma a finalização?" />
					<br />
					<br />

					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Sim" ajax="false"
								update="formOuvidoria,tblNovosChamados"
								actionListener="#{ouvidoriaBacking.finalizaAtendimento}" />
							<p:commandButton value="Não"
								oncomplete="dlgPerguntaFinaliza.hide()" />
						</h:panelGrid>
					</div>
				</h:form>
			</p:dialog>

			<p:dialog hideEffect="clip"
				footer="Integração - Portal de Serviços e Comunicação"
				showEffect="clip" height="450" header="Detalhes" width="700"
				widgetVar="dlgDetalheConcluida" appendToBody="true" modal="true">
				<h:form id="formDetalheConcluida" prependId="false"
					acceptcharset="ISO-8859-1" lang="pt">
					<p:growl autoUpdate="true" />
					<h:panelGrid>
						<h:outputText value="ID:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.codigo}"
							readonly="true" size="5" />
						<h:outputText value="Usuário:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.tipoPessoa}"
							size="80" readonly="true" />
						<h:outputText value="Nome:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.nome}"
							size="80" readonly="true" />
						<h:outputText value="E-mail:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.email}"
							size="80" readonly="true" />
						<h:outputText value="Assunto:" />
						<p:inputText value="#{ouvidoriaBacking.msgSelecionada.assunto}"
							size="80" readonly="true" />

						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="70" rows="15"
							value="#{ouvidoriaBacking.msgSelecionada.msg}" maxlength="1500"
							readonly="true" style="width:650px;background-color:white;" />
					</h:panelGrid>
					<br />
					<p:dataTable value="#{ouvidoriaBacking.listaComentarios}" var="c"
						emptyMessage="Não consta nenhum feedback cadastrado para esta mensagem!">
						<p:column headerText="Feedbacks">
							<br />

							<h:outputText value="Data: " />
							<h:outputText value="#{c.dataComentario}">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
							<br />
							<h:outputText value="Situação: " />
							<h:outputText value="#{c.situacao}" />
							<br />
							<h:outputText value="Para: " />
							<h:outputText
								value="#{c.pessoaEncaminhada} - E-mail: #{c.emailPessoaEncaminhada} - Cco: #{c.emailCcoEncaminhado}" />
							<br />
							<br />
							<p:inputTextarea autoResize="true" cols="70" rows="6"
								value="#{c.comentario}" maxlength="1500" readonly="true"
								style="width:600px;background-color:yellow;" />
							<br />
						</p:column>
					</p:dataTable>
					<br />
				</h:form>
			</p:dialog>

		</ui:define>
	</ui:decorate>
</h:body>
</html>